<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>展示页面</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
    <nav class="navbar navbar-default" role="navigation" style="margin-bottom: 0;">
        <div class="container-fluid"> 
        <div class="navbar-header">
            <a class="navbar-brand" href="#">火车订票系统</a>
        </div>
        <div>
            <!--向左对齐-->
            <ul class="nav navbar-nav navbar-left">
                <li><a href="booking.html">进入首页</a></li>
            </ul>
            <p class="navbar-text navbar-left">出行旅游</p>
            <!--向右对齐-->
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        加入我们<b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">校招</a></li>
                        <li><a href="#">社招</a></li>
                        <li><a href="#">实习</a></li>
                        <li class="divider"></li>
                        <li><a href="#">招聘官网</a></li>
                        <li class="divider"></li>
                        <li><a href="#">简历提交</a></li>
                    </ul>
                </li>
            </ul>
            <p class="navbar-text navbar-right">联系</p>
        </div>
        </div>
    </nav>
    <!-- <div class="container mt-3">
        <h2>闪烁的加载效果</h2>
        <p>使用 .spinner-grow 类来设置闪烁的加载效果:</p>
                                              
        <div class="spinner-grow text-muted"></div>
        <div class="spinner-grow text-primary"></div>
        <div class="spinner-grow text-success"></div>
        <div class="spinner-grow text-info"></div>
        <div class="spinner-grow text-warning"></div>
        <div class="spinner-grow text-danger"></div>
        <div class="spinner-grow text-secondary"></div>
        <div class="spinner-grow text-dark"></div>
        <div class="spinner-grow text-light"></div>
      </div> -->
<div class="jumbotron" style="margin-bottom: 0;">
	<div class="container">
		<h1>点此<a href="login.html">登陆！</a></h1>
		<p style="font-size: xx-large;">火车订票系统</p>
		<p>
            <a class="btn btn-primary btn-lg" role="button" href="#">
		    	下拉了解更多
            </a>
		</p>
	</div>
</div>
<div class="panel-group" id="accordion">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" 
				   href="#collapseOne">
					用户须知
				</a>
			</h4>
		</div>
		<div id="collapseOne" class="panel-collapse collapse in">
			<div class="panel-body">
				Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
				cred nesciunt sapiente ea proident. Ad vegan excepteur butcher 
				vice lomo.
			</div>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" 
				   href="#collapseTwo">
					订票流程
				</a>
			</h4>
		</div>
		<div id="collapseTwo" class="panel-collapse collapse">
			<div class="panel-body">
				Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
				cred nesciunt sapiente ea proident. Ad vegan excepteur butcher 
				vice lomo.
			</div>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" 
				   href="#collapseThree">
					使用手册
				</a>
			</h4>
		</div>
		<div id="collapseThree" class="panel-collapse collapse">
			<div class="panel-body">
				Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
				cred nesciunt sapiente ea proident. Ad vegan excepteur butcher 
				vice lomo.
			</div>
		</div>
	</div>
</div>
</body>
</html>